<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>标题</title>
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        body{
            padding-top:70px;
        }
        #video{
            height: 100%;
            width:100%;
            position: relative;
        }
        #video_main{
            position: fixed;
        }
    </style>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#head-navbar" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Demo</a>
        </div>
        <div class="collapse navbar-collapse" id="head-navbar">
            <ul class="nav navbar-nav">
                {include file="public/nav"}
            </ul>

            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="courses">{empty name="course_f"}请选择课程{/empty}{notempty name="course_f"}{$course_title}{/notempty}<span class="caret"></span></a>
                    <ul class="dropdown-menu cou">
                        {foreach $course_list as $vo}
                        <li><a href="{:url('demo/codingke/courses','course='.$vo['id'])}" class="link">{$vo['title']}</a></li>
                        {/foreach}
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<div id="main">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-3 col-lg-2" id="cou_main">
                {notempty name="course_f"}
                {include file="codingke/courses"}
                {/notempty}
            </div>
            <div class="col-sm-6 col-lg-8 col-sm-offset-3 col-lg-offset-2" id="video_main">
                {notempty name="video_f"}
                {include file="codingke/video"}
                {/notempty}
            </div>
            <div class="col-sm-3 col-lg-2 col-sm-offset-6 col-lg-offset-8" id="list_main">
                {notempty name="lists_f"}
                {include file="codingke/lists"}
                {/notempty}
            </div>
        </div>
    </div>
</div>
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="http://7xjfim.com2.z0.glb.qiniucdn.com/Iva.js"></script>
{js file="/static/demo/codingke/js/script.js"}
{notempty name="video_f"}
<script>
    play('video');
</script>
{/notempty}
</body>
</html>